.askFor-items {
    width: 34%;
    height: 100%;

    .askFor-items-title {
        width: 100%;
        height: 10%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        margin: 0 30px 20px 10px;

        span {
            font-size: 26px;
            font-family: sans-serif;
            font-weight: 500;
        }

        div {
            margin-right: 40px;
            margin-top: 10px;
            width: 60px;
            height: 26px;
            line-height: 26px;
            text-align: center;
            box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
            cursor: pointer;
            transition: .8s;

            &:hover {
                color: red;
            }
        }
    }

    .askFor-items-content {
        width: 82%;
        height: 80%;
        border-radius: 16px;
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
        padding: 20px;

        .line-need {
            border-bottom: 1px solid #e6e5e5;
            height: 33%;
            display: flex;
            flex-direction: row;
            padding: 0 10px;

            img {
                width: 50%;
                height: 100%;
                border-radius: 10px;
                margin: 12px 0;
            }

            .content-detail {
                display: flex;
                flex-direction: column;
                justify-content: start;
                overflow: hidden;
                padding: 10px 0 0px 10px;

                p {
                    overflow: hidden;
                    cursor: pointer;
                    font-family: sans-serif;
                    font-size: 12px;
                    transition: .5s;

                    &:hover {
                        color: red;
                    }
                }

                .info {
                    display: flex;
                    flex-direction: row;
                    margin: 4px 0;

                    .l-info {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        font-size: 10px;

                        span {
                            color: #795ab7;
                            font-size: 18px;
                            font-family: sans-serif;
                        }

                        div {
                            margin: 6px 0;
                            display: flex;
                            flex-direction: row;

                            p {
                                font-size: 8px;
                                color: red;
                                display: block;
                                margin: 2px;

                                &:nth-child(1) {
                                    color: #aca7a3;
                                    text-decoration: line-through;
                                    margin-right: 6px;
                                }
                            }
                        }
                    }

                    .r-info {
                        position: relative;
                        width: 32px;
                        height: 32px;
                        background-color: #29b474;
                        color: #fff;
                        font-size: 20px;
                        border-radius: 6px;
                        margin: auto 0;


                        i {
                            margin-top: 6px;
                            height: 100%;
                            width: 100%;
                            text-align: center;
                            line-height: 100%;
                            transition: 1s;
                            border-radius: 6px;
                            cursor: pointer;

                            &:hover {
                                color: black;
                                }
                        }
                    }
                }
            }
        }
    }
}